<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
		<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/yahoo/yahoo-min.js"></script> 
        <script type="text/javascript" src="../intJs/viewer/annotOverlaping.js"></script> 
		<script>	
		var aOverlaping = new annotationOverlaping();
		//aOverlaping.setAnnot({3:[0, 4], 7:[3, 6], 2:[6, 8], 9:[5, 10], 5:[16, 17], 1:[9, 11], 8:[9, 10]});
		aOverlaping.setAnnot({0:[918164, 1145847], 1:[3214534, 6042798], 2:[941583, 7843532], 3:[918164, 4608114], 4:[2971867, 3454889], 5:[307583, 632895], 6:[307583, 632895], 7:[511232, 632895], 8:[307583, 632895], 9:[2261791, 2858401], 10:[2306874, 2329597], 11:[1, 3765501], 12:[2261791, 2370109], 13:[3214534, 12462984], 14:[769184, 3581308], 15:[4695248, 17237436], 16:[5842900, 10675724]});
		aOverlaping.run();
		aOverlaping.getResultInFirebug();
		</script>
	</head>
	
	<body>
	Example of how to organize annotations in different tracks taking into account start and end coordinates in Pixels. Have a look to firebug to see the sorting result. Mdify the aOverlaping objet at the end of the script to run a different set of annotations.
	</body>
</html>
